<template>
	<view class="homepage">
		<view class=" fenxiang iconfont icon-fenxiang1" @click="fenxiang">
			
		</view>
		<view class="getbox">
			<view class="bannertitle">
				<view class="iconfont icon-tixing-tianchong"></view>
			     活动通知
			</view>
			
			<view class="getlist">
				<view class="itemlist">
				<!-- 	<view class="yuan">
						<view class="iconfont icon-fuwu">
							
						</view>
						
					</view> -->
					<view class="contentbox">
						<view class="name">
							---创新慢病管理模式  赋能基层慢病管理---
						</view>
						<view class="content">
							<view  class="title">
								河北省基层卫生协会呼吸专业委员会成立大会
							</view>
							<view >暨第一届河北省基层呼吸疾病管理学术交流会</view>
							<view class="title" >
								河北省基层卫生协会慢病管理专业委员会年会
							</view>
							<view >
								暨第二届河北省慢病防治与管理学术交流会
							</view>
						</view>
						<view class="time">
							2025-11-1 河北：石家庄
							<view class="chakan" @click="chakanhuodong">
								查看详情
							</view>
						</view>
					</view>
				</view>
				
			</view>
		</view>
       <view class="topbanner">
       	<view class="bannertitle">
       		<view class="iconfont icon-weixin2">
       			
       		</view>
			学术交流
       	</view>
		<view class="topbannerlist">
			<view class="itembanner">
			 <view class="imgbox">
			 	<image src="/static/image/banner-1-拷贝/banner-1-拷贝.jpg" mode=""></image>
			 </view>
			 <view class="bannername">
			 	心血管疾病最新研究紧张
			 </view>
			 <view class="content">
			 	探讨心血管疾病治疗的最新研究成果和临床应用
			 </view>
			 <view class="timebtn">
			 	<view class="pickerbox">
			 		2025-09-30
			 	</view>
				<view class="typebtn">
					即将开始
				</view>
			 </view>
			</view>
			<view class="itembanner">
			 <view class="imgbox">
			 	<image src="/static/image/banner-1-拷贝/banner-1-拷贝.jpg" mode=""></image>
			 </view>
			 <view class="bannername">
			 	心血管疾病最新研究紧张
			 </view>
			 <view class="content">
			 	探讨心血管疾病治疗的最新研究成果和临床应用
			 </view>
			 <view class="timebtn">
			 	<view class="pickerbox">
			 		2025-09-30
			 	</view>
				<view class="typebtn">
					即将开始
				</view>
			 </view>
			</view>

		</view>
       </view>
	   
	   <view class="topbanner">
	   	<view class="bannertitle">
	   		<view class="iconfont icon-jiangzuo">
	   			
	   		</view>
	   			专家讲座
	   	</view>
	   		<view class="topbannerlist">
	   			<view class="itembanner">
	   			 <view class="imgbox">
	   			 	<image src="/static/image/banner-1-拷贝/banner-1-拷贝.jpg" mode=""></image>
	   			 </view>
	   			 <view class="bannername">
	   			 	心血管疾病最新研究紧张
	   			 </view>
	   			 <view class="content">
	   			 	探讨心血管疾病治疗的最新研究成果和临床应用
	   			 </view>
	   			 <view class="timebtn">
	   			 	<view class="pickerbox">
	   			 		2025-09-30
	   			 	</view>
	   				<view class="typebtn">
	   					即将开始
	   				</view>
	   			 </view>
	   			</view>
	   			<view class="itembanner">
	   			 <view class="imgbox">
	   			 	<image src="/static/image/banner-1-拷贝/banner-1-拷贝.jpg" mode=""></image>
	   			 </view>
	   			 <view class="bannername">
	   			 	心血管疾病最新研究紧张
	   			 </view>
	   			 <view class="content">
	   			 	探讨心血管疾病治疗的最新研究成果和临床应用
	   			 </view>
	   			 <view class="timebtn">
	   			 	<view class="pickerbox">
	   			 		2025-09-30
	   			 	</view>
	   				<view class="typebtn">
	   					即将开始
	   				</view>
	   			 </view>
	   			</view>
	   
	   		</view>
	   </view>
	   
	 <view class="teambox">
	   	<view class="teamline">
	   		<view class="bannertitle">
	   			<view class="iconfont icon-kechengchakan">
	   				
	   			</view>
	   			共享课程
	   		</view>
			<view class="teammore">
				查看更多
			</view>
	   	</view>
		<view class="teamlist">
			<view class="itemteam">
				<view class="left">
					<image src="https://changban.dianjingkeji.net/img/微信图片_20230817153730.jpg" mode=""></image>
				</view>
				<view class="morebtn">
					<view class="name">
						心血管疾病预防与管理
					</view>
					<view class="content">
						定于2025年10月25日于北京开始讲课
					</view>
					<view class="label">
						已更新·28篇
					</view>
				</view>
			</view>
			
		</view>
	</view>
	
	
	<view class="teambox">
	   	<view class="teamline">
	   		<view class="bannertitle">
	   			<view class="iconfont icon-kechengchakan">
	   				
	   			</view>
	   			我的课程
	   		</view>
			<view class="teammore">
				查看更多
			</view>
	   	</view>
		<view class="teamlist">
			<view class="itemteam">
				<view class="left">
					<image src="https://changban.dianjingkeji.net/img/微信图片_20230817153730.jpg" mode=""></image>
				</view>
				<view class="morebtn">
					<view class="name">
						心血管疾病预防与管理
					</view>
					<view class="content">
						定于2025年10月25日于北京开始讲课
					</view>
					<view class="label">
						已更新·28篇
					</view>
				</view>
			</view>
			
		</view>
	</view>
	
	

	
	
	
	<view class="teambox">
	   	<view class="teamline">
	   		<view class="bannertitle">
	   			<view class="iconfont icon-drug-full">
	   				
	   			</view>
	   			落地场景和应用案例
	   		</view>
			<view class="teammore">
				查看更多
			</view>
	   	</view>
		<view class="teamlist">
			<view class="itemteam">
				<view class="left">
					<image src="https://changban.dianjingkeji.net/img/微信图片_20230817153730.jpg" mode=""></image>
				</view>
				<view class="morebtn">
					<view class="name">
						专科试剂
					</view>
					<view class="content">
						定于2025年10月25日于北京开始讲课
					</view>
					<view class="label">
						已更新·28篇
					</view>
				</view>
			</view>
			
		</view>
	</view>

	   

	

		
		
	
		
		
		<view class="foot-tabbar">
			<view class="itemfootbar" @click="gohome">
				<image src="/static/tabbar/首页 (1).png" mode=""></image>
				<view class="tabbarname ">
					首页
				</view>
			</view>
			<view class="itemfootbar">
				<image src="/static/tabbar/知识学位专家博士.png" mode=""></image>
				<view class="tabbarname footact">
					学术
				</view>
			</view>
			<view class="itemfootbar footbardata"  @click="gosuifang">
				<image src="/static/tabbar/first-aid-kit-line.png" mode=""></image>
				<view class="tabbarname ">
					随访
				</view>
			</view>
			<view class="itemfootbar" @click="gouser">
				<image src="/static/tabbar/团队.png" mode=""></image>
				<view class="tabbarname ">
				用户
				</view>
			</view>
			<view class="itemfootbar" @click="gocenter">
				<image src="/static/tabbar/我的.png" mode=""></image>
				<view class="tabbarname ">
					我的
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	import {getInfo} from '../../utils/api.js'
	export default {
		data() {
			return {
				pro:{
					reviewerstatus:3
				}
			}
		},
		onLoad() {

		},
		onShow() {
			// let p={
			// 	phone:uni.getStorageSync('phone')
			// }
		 //  getInfo(p).then(res=>{
			//  if(res.data.code==200){
			// 	  uni.setStorageSync('type',res.data.data.usertype)
			// 	 console.log(res,'用户信息')
			// 	 this.pro=res.data.data
			// 	 uni.setStorageSync('user',res.data.data)
			//  }
		 //  })
		},
		methods: {
			
			chakanhuodong(){
			uni.showModal({
			  title: '提示',
			  content: '微信小程序不支持直接打开外部链接，请复制以下链接到浏览器中打开',
			  showCancel: false,
			  confirmText: '复制链接',
			  success(res) {
			    if (res.confirm) {
			      uni.setClipboardData({
			        data: 'https://wdpvci.snet.weizan.cn/live/mk/aggspread/913692136/cf4c6bcb-afc3-11f0-a422-3ce1a17fc6bc?v=1761617532853'
			      })
			    }
			  }
			})
			},
			
			  // 分享统一配置
			    shareConfig() {
			      return {
			        title: '点击查看更多相关信息',
			        path: '/pagesA/xueshu/xueshu',  // 分享后进入的页面路径(带参数)
			        imageUrl: '' // 自定义分享封面图
			      }
			    },
			gohome(){
				uni.redirectTo({
					url:'/pages/index/index'
				})
			},
			gosuifang(){
				uni.redirectTo({
					url:'/pages/data/data'
				})
				console.log('点击随访')
				// if(this.pro.reviewerstatus==0){
				// 	uni.showToast({
				// 		title: '医生资质认证审核中，暂无权限',
				// 		icon:'none',
				// 		duration: 2000
				// 	});
					
				// }else if(this.pro.reviewerstatus==1){
				// 	uni.redirectTo({
				// 		url:'/pages/data/data'
				// 	})
				// }else {
				// 	uni.showModal({
				// 		title: '未认证',
				// 		content: '去认证资料',
				// 		success: function (res) {
				// 			if (res.confirm) {
				// 				console.log('用户点击确定');
				// 				uni.navigateTo({
				// 					url:'/pagesA/adddoctor/adddoctor'
				// 				})
				// 			} else if (res.cancel) {
				// 				console.log('用户点击取消');
				// 			}
				// 		}
				// 	});
				// }
			},
			gouser(){
				uni.redirectTo({
					url:'/pages/user/user'
				})
				// if(this.pro.reviewerstatus==0){
				// 	uni.showToast({
				// 		title: '医生资质认证审核中，暂无权限',
				// 		icon:'none',
				// 		duration: 2000
				// 	});
					
				// }else if(this.pro.reviewerstatus==1){
				// 	uni.redirectTo({
				// 		url:'/pages/user/user'
				// 	})
				// }else {
				// 	uni.showModal({
				// 		title: '未认证',
				// 		content: '去认证资料',
				// 		success: function (res) {
				// 			if (res.confirm) {
				// 				console.log('用户点击确定');
				// 				uni.navigateTo({
				// 					url:'/pagesA/adddoctor/adddoctor'
				// 				})
				// 			} else if (res.cancel) {
				// 				console.log('用户点击取消');
				// 			}
				// 		}
				// 	});
				// }
				
			},
			gocenter(){
				uni.redirectTo({
					url:'/pages/center/center'
				})
			},
			
		},
		  onShareAppMessage() {
		    return this.shareConfig()
		  },
		  onShareTimeline() {
		    return this.shareConfig()
		  },
	}
</script>

<style lang="less" scoped>
	.homepage{
		width: 750rpx;
		box-sizing: border-box;
		padding-bottom: 250rpx;
		background-color: whitesmoke;
		.fenxiang{
			position: fixed;
			top: 20rpx;
			right: 20rpx;
			font-size: 50rpx;
			font-weight: bold;
			color: #1a4f8a;
		}
		.topbanner{
			width: 100%;
			.bannertitle{
				display: flex;
				align-items: center;
				background-color: white;
				padding: 20rpx 30rpx;
				font-size: 36rpx;
				font-weight: bold;
				color: #1a4f8a;
				.iconfont{
					font-size: 40rpx;
					color: #1a4f8a;
					font-weight: bold;
					margin-right: 20rpx;
				}
			}
			.topbannerlist{
				width: 100%;
				box-sizing: border-box;
				padding: 20rpx 30rpx;
				display: flex;
				align-items: flex-start;
				flex-wrap: wrap;
				.itembanner{
					width: 46%;
					margin: 2%;
					border-radius: 20rpx;
					background-color: white;
					padding-bottom: 20rpx;
					 box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.3);
				      .imgbox{
						  width: 100%;
						  height: 250rpx;
						  border-top-right-radius: 20rpx;
						  border-top-left-radius: 20rpx;
						  image{
							  width: 100%;
							  height: 100%;
							  border-top-right-radius: 20rpx;
							  border-top-left-radius: 20rpx;
						  }
					  }
					  .bannername{
						  width: 100%;
						  box-sizing: border-box;
						  padding: 20rpx;
						  font-weight: bold;
						  color: #1a4f8a;
					  }
					  .content{
						  width: 100%;
						  box-sizing: border-box;
						  padding: 20rpx;
						  font-size: 26rpx;
						  color: gray;
					  }
					  .timebtn{
						  width: 100%;
						  display: flex;
						  align-items: center;
						 box-sizing: border-box;
						 padding: 10rpx;
						 .pickerbox{
							 width: 48%;
							 text-align: center;
							 font-size: 28rpx;
							 
						 }
						 .typebtn{
							 width: 48%;
							 height: 80rpx;
							 text-align: center;
							 color: white;
							 background-color: #1a4f8a;
							 border-radius: 16rpx;
							 font-size: 24rpx;
							 line-height: 80rpx;
						 }
					  }
					
				
				}
			}
			
		}
		
		.teambox{
			width: 100%;
			box-sizing: border-box;
			padding: 20rpx;
			.teamline{
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: space-between;
				.bannertitle{
					display: flex;
					align-items: center;
					
					padding: 20rpx 30rpx;
					font-size: 36rpx;
					font-weight: bold;
					color: #1a4f8a;
					.iconfont{
						font-size: 50rpx;
						color: #1a4f8a;
						font-weight: bold;
						margin-right: 20rpx;
					}
				}
				.teammore{
					color: #1a4f8a;
				}
				.teambtn{
					width: 200rpx;
					height: 80rpx;
					color: white;
					font-size: 30rpx;
					text-align: center;
					line-height: 80rpx;
					border-radius: 20rpx;
					background-color: #1a4f8a;
				}
			}
			.teamlist{
				width: 100%;
				box-sizing: border-box;
				padding: 20rpx;
				background-color: white;
				border-radius: 20rpx;
				margin-top: 30rpx;
				 box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.3);
			   .itemteam{
				   width: 100%;
				   height: 90rpx;
				   display: flex;
				   align-items: center;
				   justify-content: space-between;
				   margin: 10rpx 0;
				   .left{
					   margin-left: 20rpx;
					   width: 120rpx;
					   height: 120rpx;
					   border-radius: 20rpx;
					   image{
						   width: 100%;
						   height: 100%;
						   border-radius: 20rpx;
					   }
					   
				   }
				   .morebtn{
					  flex: 1;
					  margin-left: 20rpx;
					  line-height: 1.8;
					  .name{
						  font-weight: bold;
					  }
					  .content{
						  font-size: 26rpx;
						   color: gray;
						    overflow: hidden;           /* 超出隐藏 */
						     white-space: nowrap;        /* 不换行 */
						     text-overflow: ellipsis;    /* 显示省略号 */
					  }
					  .label{
						  font-size: 24rpx;
						  color: gray;
					  }
				   }
			   }
				
			}
			
		}
		.getbox{
			width: 100%;
			box-sizing: border-box;
			padding: 20rpx;
			.bannertitle{
				display: flex;
				align-items: center;
				
				padding: 20rpx 30rpx;
				font-size: 36rpx;
				font-weight: bold;
				color: #1a4f8a;
				.iconfont{
					font-size: 50rpx;
					color: #1a4f8a;
					font-weight: bold;
					margin-right: 20rpx;
				}
			}
			.getlist{
				width: 100%;
				box-sizing: border-box;
				padding: 20rpx;
				background-color: white;
				border-radius: 20rpx;
				margin-top: 30rpx;
				 box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.3);
				.itemlist{
					width: 100%;
					display: flex;
					align-items: flex-start;
					.yuan{
						width: 100rpx;
						height: 100rpx;
						border-radius: 50%;
						background-color: whitesmoke;
						line-height: 100rpx;
						text-align: center;
						margin-right: 20rpx;
						.iconfont{
							color: #1a4f8a;
							font-size: 50rpx;
						}
					}
					.contentbox{
						flex: 1;
					   text-align: center;
						.name{
							font-weight: bold;
							line-height: 1.8;
							color: orangered;
							
						}
						.content{
				         font-size: 26rpx;
						 font-weight: bold;
						 color: #969696;
						 text-align: center;
						 .title{
							 color: black;
							 font-size: 28rpx;
						 }
						}
						.time{
							font-size: 22rpx;
							color: gray;
							line-height: 2.5;
							position: relative;
							margin-top: 10rpx;
							.chakan{
								width: 130rpx;
								height: 60rpx;
								text-align: center;
								color: white;
								font-size: 26rpx;
								line-height: 60rpx;
								border-radius: 14rpx;
								background-color: #1a4f8a;
								position: absolute;
								top: 0;
								right: 10rpx;
							}
						}
					}
					
				}
			}
		}
		
		
		
		
		
		.foot-tabbar{
			width: 100%;
			height: 150rpx;
			position: fixed;
			left: 0;
			right: 0;
			bottom: 0;
			display: flex;
			align-items: center;
			justify-content: space-evenly;
			background: white;
			overflow: visible;  /* 允许溢出 */
			
			.itemfootbar{
				width: 20%;
				height: 100%;
				text-align: center;
				image{
					width: 60rpx;
					height: 60rpx;
					margin: auto;
				}
				.tabbarname{
					font-size: 26rpx;
					color: #969696;
					font-weight: bold;
				}
				.footact{
					color: #1a4f8a;
				}
				
			}
			.footbardata{
				height: 200rpx !important;
				background: white !important;
				box-sizing: border-box;
				padding-top: 25rpx;
				border-top-right-radius: 75rpx;
				border-top-left-radius: 75rpx;
				
			}
		}
		
	}
</style>
